/* src/assets/global.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --color-rise: #f6465d;
  /* 基础红色（涨） */
  --color-rise-rgb: 246, 70, 93;
  /* 转换为 RGB 值 */
  --color-fall: #2ebd85;
  /* 基础绿色（跌） */
  --color-fall-rgb: 46, 189, 133;
  /* 转换为 RGB 值 */
}

html.rules-green-rise {
  --color-rise: #2ebd85;
  --color-rise-rgb: 46, 189, 133;
  /* 绿涨的 RGB */
  --color-fall: #f6465d;
  --color-fall-rgb: 246, 70, 93;
  /* 红跌的 RGB */
}

/* 3. 工具类直接绑定变量（确保生效） */
.text-rise {
  color: var(--color-rise) !important;
}

.text-fall {
  color: var(--color-fall) !important;
}

.bg-rise {
  background-color: var(--color-rise) !important;
}

.bg-fall {
  background-color: var(--color-fall) !important;
}